<div ng-controller="ItemCtrl" ng-init="infoAction()" class="sui-form form-horizontal">
        <ul class="sui-breadcrumb">
            <li><a href="#/item/list">{{'Item'| translate}}</a></li>
            <li class="active">{{item.item_id?'edit':'add_new' | translate}}</li>
        </ul>
        <div class="control-group">
            <label class="control-label v-top">{{'outer_id'| translate}}：</label>
            <div class="controls">
                {{item.outer_id}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'Category'| translate}}：</label>
            <div class="controls">
                <div class="zTreeDemoBackground">
                    <cat-tree ng-model="item.category_id" dft="1"></cat-tree>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'type'| translate}}：</label>
            <div class="controls">
                <type-id ng-model="item.type_id" dft="1" stype='1'></type-id>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'grounding'| translate}}：</label>
            <div class="controls">
                <on-shelves ng-model="item.on_shelves" dft="1" stype='1'></on-shelves>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label v-top"> {{'title'| translate}}：</label>
            <div class="controls">
                    {{item.title}}            
            </div>
        </div>
        <div class="control-group" >
            <label class="control-label v-top"> {{'item_image'| translate}}：</label>
            <div class="controls">
                <ul class="sui-row-fluid">
                    <li class="span2">
                            <img ng-src="{{item.img}}" style="width:600px;height: 170px">
                    </li>
                    <li class="span2">
                            <img ng-src="{{item.img1}}" style="width:600px;height: 170px">
                    </li>
                    <li class="span2">
                            <img ng-src="{{item.img2}}" style="width:600px;height: 170px">
                    </li>
                    <li class="span2">
                            <img ng-src="{{item.img3}}" style="width:600px;height: 170px">
                    </li>
                    <li class="span2">
                            <img ng-src="{{item.img4}}" style="width:600px;height: 170px">
                    </li>
                </ul>
            </div>
        </div>
       
         <div class="control-group">
            <label class="control-label v-top"> {{'item_in_total_payment'| translate}}：</label>
            <div class="controls">
               {{item.cost}}
            </div>
        </div>

        <div class="control-group">
            <label class="control-label v-top"> {{'price'| translate}}：</label>
            <div class="controls">
              {{item.price}}
            </div>
        </div>

       
        <div class="control-group">
            <label class="control-label v-top"> {{'itme_price'| translate}}：</label>
            <div class="controls">
                {{item.sale_price}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top">  {{'prom_price'| translate}}：</label>
            <div class="controls">
               {{item.prom_price}}
            </div>
        </div>
         <div class="control-group">
            <label class="control-label v-top"> {{'desc'| translate}}：</label>
            <div class="controls">
                <ueditor ng-model="item.description" style="width:80%"></ueditor>
            </div>
        </div>
        
        <div class="control-group">
            <label class="control-label v-top"> {{'item_skus'| translate}}：</label>
            <div class="controls">
                <table class="sui-table table-bordered" ng-show="item.skus[0]"   style="margin-bottom: 5px;">
                    <thead>
                        <tr>
                            <th>{{'skus_name'| translate}}</th>
                            <th>{{'outer_id'| translate}}</th>
                            <th>{{'price'| translate}}</th>
                            <th>{{'stocks'| translate}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="sku in item.skus">
                            <td>
                                {{sku.sku_properties}}
                            </td>
                            <td>
                                {{sku.outer_id}}
                            </td>
                            <td>
                                {{sku.sku_price}}
                            </td>
                            <td>
                                {{sku.sku_stocks}}
                            </td>
                            
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="control-group zhide">
            <label class="control-label v-top"> {{'small_title'| translate}}：</label>
            <div class="controls">
                {{item.small_title}}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label v-top"> {{'remark'| translate}}：</label>
            <div class="controls">
               {{item.note}}
            </div>
        </div>
</div>
